<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
<script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="./css/app.min.css"/>
<link rel="stylesheet" href="http://cdn.amazeui.org/amazeui/2.7.2/css/amazeui.min.css"/>
<script src="http://cdn.amazeui.org/amazeui/2.7.2/js/amazeui.min.js"></script>
<script src="http://cdn.amazeui.org/amazeui/2.7.2/js/amazeui.ie8polyfill.min.js"></script>
<script src="http://cdn.amazeui.org/amazeui/2.7.2/js/amazeui.widgets.helper.min.js"></script>
<body>
<header class="am-topbar am-topbar-fixed-top">
    <div class="am-container">
        <h1 class="am-topbar-brand">
            <a href="#">HSL实验室</a>
        </h1>


        <button class="am-topbar-btn am-topbar-toggle am-btn am-btn-sm am-btn-secondary am-show-sm-only"
                data-am-collapse="{target: '#collapse-head'}"><span class="am-sr-only">导航切换</span> <span
                class="am-icon-bars"></span></button>

        <div class="am-collapse am-topbar-collapse" id="collapse-head">
            <ul class="am-nav am-nav-pills am-topbar-nav">
                <li><a href="#">首页</a></li>
                <li class="am-dropdown" data-am-dropdown>
                    <a class="am-dropdown-toggle" data-am-dropdown-toggle href="javascript:;">
                        实验室介绍 <span class="am-icon-caret-down"></span>
                    </a>
                    <ul class="am-dropdown-content">
                        <li class="am-dropdown-header">标题</li>
                        <li><a href="#">1. 导师介绍</a></li>
                        <li><a href="#">2. 成员介绍</a></li>
                        <li><a href="#">3. 管理条例</a></li>
                    </ul>
                </li>

                <li class="am-dropdown" data-am-dropdown >
                    <a class="am-dropdown-toggle" data-am-dropdown-toggle href="javascript:;">
                        信息发布 <span class="am-icon-caret-down"></span>
                    </a>
                    <ul class="am-dropdown-content">
                        <li class="am-dropdown-header">标题</li>
                        <li><a href="#">1. 学术成果</a></li>
                        <li><a href="#">2. 学生风采</a></li>
                        <li><a href="#">3. 娱乐活动</a></li>
                        <li><a href="#">4. 导师推荐</a></li>
                    </ul>
                </li>
                <li class="am-dropdown" data-am-dropdown>
                    <a class="am-dropdown-toggle a_active" data-am-dropdown-toggle href="javascript:;">
                        科研与教学 <span class="am-icon-caret-down"></span>
                    </a>
                    <ul class="am-dropdown-content">
                        <li class="am-dropdown-header">标题</li>
                        <li><a href="#">1. 科研论文</a></li>
                        <li><a href="#">2. 竞赛活动</a></li>
                        <li><a href="#">3. 课题项目</a></li>
                        <li><a href="#">4. 教学工作</a></li>
                    </ul>
                </li>
                <li class="am-dropdown" data-am-dropdown>
                    <a class="am-dropdown-toggle" data-am-dropdown-toggle href="javascript:;">
                        学习区 <span class="am-icon-caret-down"></span>
                    </a>
                    <ul class="am-dropdown-content">
                        <li class="am-dropdown-header">标题</li>
                        <li><a href="#">1. 计算机视觉</a></li>
                        <li><a href="#">2. 数字图像处理</a></li>
                        <li><a href="#">3. 机器学习</a></li>
                    </ul>
                </li>
                <li><a href="#">问答区</a></li>
                <li><a href="#">相册</a></li>
                <li><a href="#">博客</a></li>
            </ul>


            <div class="am-topbar-right">
                <button class="am-btn am-btn-primary am-topbar-btn am-btn-sm"><span class="am-icon-user"></span> 登录</button>
            </div>
        </div>
    </div>
</header>
<div class="main">
    <div class="contents">
        <div class="breadcrumb-main">
            <ol class="breadcrumb">
                <li><a href="/">首页</a></li>
                <li><a href="">科研与教学</a></li>
                <li><a href="">科研论文</a></li>

            </ol>
        </div>
        <div class="academicframwork">

            <div class="container-fluid">
                <div class="row">
                    <div class="col-md-9 leftwrap default_border">
                        <div class="title">科研论文</div>
                        <div class="line"></div>

                        <ul class="am-list">
                            <li><a href="#">每个人都有一个死角， 自己走不出来，别人也闯不进去。 <span class="pull-right datatime">2017-10-11</span></a></li>
                            <li><a href="#">每个人都有一个死角， 自己走不出来，别人也闯不进去。 <span class="pull-right datatime">2017-10-11</span></a></li>
                            <li><a href="#">每个人都有一个死角， 自己走不出来，别人也闯不进去。 <span class="pull-right datatime">2017-10-11</span></a></li>
                            <li><a href="#">每个人都有一个死角， 自己走不出来，别人也闯不进去。 <span class="pull-right datatime">2017-10-11</span></a></li>
                            <li><a href="#">每个人都有一个死角， 自己走不出来，别人也闯不进去。 <span class="pull-right datatime">2017-10-11</span></a></li>
                            <li><a href="#">每个人都有一个死角， 自己走不出来，别人也闯不进去。 <span class="pull-right datatime">2017-10-11</span></a></li>
                            <li><a href="#">每个人都有一个死角， 自己走不出来，别人也闯不进去。 <span class="pull-right datatime">2017-10-11</span></a></li>
                            <li><a href="#">每个人都有一个死角， 自己走不出来，别人也闯不进去。 <span class="pull-right datatime">2017-10-11</span></a></li>
                            <li><a href="#">每个人都有一个死角， 自己走不出来，别人也闯不进去。 <span class="pull-right datatime">2017-10-11</span></a></li>
                            <li><a href="#">每个人都有一个死角， 自己走不出来，别人也闯不进去。 <span class="pull-right datatime">2017-10-11</span></a></li>
                        </ul>

                        <nav>
                            <ul class="pagination pull-right">
                                <li><a href="#">上一页</a></li>
                                <li class="active"><a href="#">1</a></li>
                                <li><a href="#">2</a></li>
                                <li><a href="#">3</a></li>
                                <li><a href="#">4</a></li>
                                <li><a href="#">5</a></li>
                                <li>
                                    <a href="#">下一页</a>
                                </li>
                            </ul>
                        </nav>

                        <div class="getMargin">&nbsp;</div>
                    </div>
                    <div class="col-md-3 rightwrap">

                        <div data-am-widget="titlebar" class="am-titlebar am-titlebar-multi" >
                            <img src="./images/hot.png" alt=""/>
                            <h2 class="am-titlebar-title ">
                                热门推荐
                            </h2>


                            <nav class="am-titlebar-nav">
                                <a href="#more" class="">more &raquo;</a>
                            </nav>
                        </div>
                        <ul class="am-list am-list-border">
                            <li><a href="" class="am-text-truncate"><span class="hot">1</span>&nbsp;&nbsp;这是一个推荐啊啊啊啊啊啊啊啊啊啊 啊啊啊啊 啊啊啊啊啊啊</a></li>
                            <li><a href="" class="am-text-truncate"><span class="hot">2</span>&nbsp;&nbsp;这是一个推荐啊啊啊啊啊啊啊啊啊啊 啊啊啊啊 啊啊啊啊啊啊</a></li>
                            <li><a href="" class="am-text-truncate"><span class="hot">3</span>&nbsp;&nbsp;这是一个推荐啊啊啊啊啊啊啊啊啊啊 啊啊啊啊 啊啊啊啊啊啊</a></li>
                            <li><a href="" class="am-text-truncate"><span class="default">4</span>&nbsp;&nbsp;这是一个推荐啊啊啊啊啊啊啊啊啊啊 啊啊啊啊 啊啊啊啊啊啊</a></li>
                            <li><a href="" class="am-text-truncate"><span class="default">5</span>&nbsp;&nbsp;这是一个推荐啊啊啊啊啊啊啊啊啊啊 啊啊啊啊 啊啊啊啊啊啊</a></li>
                            <li><a href="" class="am-text-truncate"><span class="default">6</span>&nbsp;&nbsp;这是一个推荐啊啊啊啊啊啊啊啊啊啊 啊啊啊啊 啊啊啊啊啊啊</a></li>
                            <li><a href="" class="am-text-truncate"><span class="default">7</span>&nbsp;&nbsp;这是一个推荐啊啊啊啊啊啊啊啊啊啊 啊啊啊啊 啊啊啊啊啊啊</a></li>
                            <li><a href="" class="am-text-truncate"><span class="default">8</span>&nbsp;&nbsp;这是一个推荐啊啊啊啊啊啊啊啊啊啊 啊啊啊啊 啊啊啊啊啊啊</a></li>
                            <li><a href="" class="am-text-truncate"><span class="default">9</span>&nbsp;&nbsp;这是一个推荐啊啊啊啊啊啊啊啊啊啊 啊啊啊啊 啊啊啊啊啊啊</a></li>
                        </ul>


                        <!--<div class="sidebar-container">-->
                        <!--<section>-->
                        <!--<div class="sidebar-header">-->
                        <!--<span class="sidebar-header-title">-->
                        <!--标签列表-->
                        <!--</span>-->
                        <!--</div>-->
                        <!--<div class="tags">-->
                        <!--<a href="https://spiritree.me/tag/%E7%9F%A5%E8%AF%86/">知识</a>-->
                        <!--<a href="https://spiritree.me/tag/json/">JSON</a>-->
                        <!--<a href="https://spiritree.me/tag/Vue/">Vue</a>-->
                        <!--<a href="https://spiritree.me/tag/Element-UI/">Element UI</a>-->
                        <!--<a href="https://spiritree.me/tag/%E8%AF%AD%E6%B3%95/">语法</a>-->
                        <!--<a href="https://spiritree.me/tag/FreeCodeCamp/">FreeCodeCamp</a>-->
                        <!--<a href="https://spiritree.me/tag/nginx/">Nginx</a>-->
                        <!--<a href="https://spiritree.me/tag/ajax/">AJAX</a>-->
                        <!--<a href="https://spiritree.me/tag/%E4%BD%9C%E5%93%81/">作品</a>-->
                        <!--<a href="https://spiritree.me/tag/%E7%94%A8%E6%B3%95/">用法</a>-->
                        <!--<a href="https://spiritree.me/tag/function/">Function</a>-->
                        <!--<a href="https://spiritree.me/tag/Typecho/">Typecho</a>-->
                        <!--<a href="https://spiritree.me/tag/HTTPS/">HTTPS</a>-->
                        <!--<a href="https://spiritree.me/tag/webpack/">webpack</a>-->
                        <!--<a href="https://spiritree.me/tag/Express/">Express</a>-->
                        <!--<a href="https://spiritree.me/tag/Socket-io/">Socket.io</a>-->
                        <!--<a href="https://spiritree.me/tag/JQuery/">JQuery</a>-->
                        <!--<a href="https://spiritree.me/tag/Bootstrap/">Bootstrap</a>-->
                        <!--<a href="https://spiritree.me/tag/ES6/">ES6</a>-->
                        <!--<a href="https://spiritree.me/tag/Git/">Git</a>-->
                        <!--</div>-->
                        <!--</section>-->
                        <!--<section>-->
                        <!--<div class="sidebar-header">-->
                        <!--<span class="sidebar-header-title">-->
                        <!--归档列表-->
                        <!--</span>-->
                        <!--</div>-->
                        <!--<div class="sidebar-list">-->
                        <!--<ul class="sidebar-list-body sidebar-list-items">-->
                        <!--<li class="sidebar-list-item"><a href="https://spiritree.me/2017/09/">September 2017  (3)</a></li><li class="sidebar-list-item"><a href="https://spiritree.me/2017/08/">August 2017  (3)</a></li><li class="sidebar-list-item"><a href="https://spiritree.me/2017/07/">July 2017  (3)</a></li><li class="sidebar-list-item"><a href="https://spiritree.me/2017/05/">May 2017  (1)</a></li><li class="sidebar-list-item"><a href="https://spiritree.me/2017/04/">April 2017  (1)</a></li><li class="sidebar-list-item"><a href="https://spiritree.me/2017/03/">March 2017  (3)</a></li><li class="sidebar-list-item"><a href="https://spiritree.me/2017/02/">February 2017  (2)</a></li><li class="sidebar-list-item"><a href="https://spiritree.me/2017/01/">January 2017  (4)</a></li><li class="sidebar-list-item"><a href="https://spiritree.me/2016/11/">November 2016  (1)</a></li><li class="sidebar-list-item"><a href="https://spiritree.me/2016/10/">October 2016  (5)</a></li><li class="sidebar-list-item"><a href="https://spiritree.me/2016/09/">September 2016  (11)</a></li><li class="sidebar-list-item"><a href="https://spiritree.me/2016/08/">August 2016  (12)</a></li>        </ul>-->
                        <!--</div>-->
                        <!--</section>-->
                        <!--</div>-->




                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<footer>
    <div class="container site-info">
        <div class="row">
            <div class="col-xs-2"><a href="/"><img src="images/logo.png" alt="" width="120"></a></div>
            <div class="col-xs-6">
                <div class="row">
                    <div class="col-xs-6">
                        <h3>统计信息</h3>
                        <p>网站总访问量 : 1365544</p>
                        <p>当前在线人数 : 42554</p>
                        <p>页面加载时间 : 0.000234</p>
                    </div>
                    <div class="col-xs-6">
                        <h3>主办单位</h3>
                        <p>南京市XXX教育学院</p>
                        <p>南京市XXX教育研究委员会</p>
                        <p>南京市XXX教育学会</p>
                    </div>
                </div>
            </div>
            <div class="col-xs-4 contacts">
                <span>关注我们:</span>
                <a href=""><i class="contact-icon fa fa-weibo"></i></a>
                <a href=""><i class="contact-icon fa fa-weixin"></i></a>
                <a href=""><i class="contact-icon fa fa-qq"></i></a>
                <a href=""><i class="contact-icon fa fa-renren"></i></a>
                <div class="contact-detail">
                    <p><i class="fa fa-map-marker"></i>江苏省南京市</p>
                    <p><i class="fa fa-phone"></i>123-456-789</p>
                    <p><i class="fa fa-envelope"></i>1234567@qq.com</p>
                </div>
            </div>
        </div>
    </div>
    </div>
    <div class="copyright">
        <p>江苏省南京市 123-456-789 1234567@qq.com</p>
        <p>备案号 © Copyright 2016</p>
    </div>
</footer>
</body>
</html>